<template>
	<view class="relative flex flex-col items-center">
		<image class="transform translate-y-1/2 w-[120rpx] h-[120rpx] z-100" src="/static/images/success_popup.png">
		</image>
		<view class="w-full rounded-lg bg-white relative min-h-[300rpx] pb-4">
			<image class="w-full absolute left-0 top-0 z-10" mode="widthFix" src="/static/images/popup_bg.png"></image>
			<image class="block w-[162rpx] h-[110rpx] mx-auto -mt-1" src="/static/images/success_shadow.png"
				mode="scaleToFill" />

			<view class="text-center relative z-100">
				<view class="text-base  text-[40rpx] font-bold">{{userStore.welcomeConfig.title}}</view>
				<view class="text-[#9A9A9A] px-4 mt-3 text-sm leading-relaxed">
					{{userStore.welcomeConfig.content}}
				</view>
			</view>

			<view class="w-4/5 mx-auto mt-4">
				<wd-button :round="false" :block="true" custom-class="w-full" @click="emit('close')">
					知道了
				</wd-button>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		to
	} from '@/utils/navigation'
	import useUserStore from '@/store/user'
	const userStore = useUserStore()

	const emit = defineEmits(['close'])
</script>

<style lang="scss" scoped></style>